<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	template="/templates/home.xhtml">

	<ui:param name="title" value="#{label.register_Title}" />

	<ui:define name="content">
		<a4j:keepAlive beanName="RegisterHandler" />
		<rich:dataGrid columns="3" ></rich:dataGrid>
		<fieldset>
			<legend><h:outputText value="#{label.register}"/></legend>
			<h:panelGrid id="gridRegister" columns="3" cellspacing="10px" columnClasses="colRight,colLeft,colLeft" style="margin:0px auto;">
			
			<h:panelGroup style="width:100px;">
				<h:outputText value="#{label.register_UserMail}"/><em>*</em>
			</h:panelGroup>
			<h:panelGroup style="width:200px">
				<h:inputText styleClass="input1" required="true" value="#{RegisterHandler.loginUser.usermail}" size="20" id="inputMail">
					<a4j:support event="onblur" action="#{RegisterHandler.onblurMail}" ajaxSingle="true"/>
				</h:inputText>
			</h:panelGroup>
			<h:panelGroup>
				<h:message for="textMail" tooltip="true" showDetail="true" showSummary="true"/>
			</h:panelGroup>
			
			<h:outputText value="#{label.register_Password}"/>
			<h:inputSecret styleClass="input1" value="#{RegisterHandler.loginUser.password}" required="true">
				<f:validateLength minimum="6"/>
			</h:inputSecret>
			<h:message for="textMail"/>
			
			<h:outputText value="#{label.register_ConfirmPwd}"/>
			<h:inputSecret styleClass="input1" value="#{RegisterHandler.loginUser.confirmPwd}"/>	
			<h:message for="textMail"/>	
				
			<h:outputText value="#{label.register_ResumeURL}"/>
			<h:panelGroup>
				<h:outputText value="http://www.makejl.com/" style="display:inline-block;font-size:12px;"/><h:inputText styleClass="input1" style="width:60px;" value="#{RegisterHandler.loginUser.urlSuffix}"/>
			</h:panelGroup>
			<h:message for="textMail"/>
			
			
			<h:outputText value="#{label.register_ValidateCode}"/>
			<h:panelGroup>
				<h:inputText value="abcd"  styleClass="input1" style="width:60px;"></h:inputText>
                  <img src='AuthenticationCode' id="drawimage"><a href="javascript:redraw(this)">#{label.register_ChangeImg}</a>
                   </img>
			</h:panelGroup>
			<h:outputText value=""/>
			
			<h:outputText value=""/>
			<a4j:commandButton reRender="gridRegister" action="#{RegisterHandler.register}" style="background-color: #{a4jSkin.headerBackgroundColor};" styleClass="inputButton" value="#{label.button_Register}"/>
<!--			onclick="#{rich:component('loading')}.show()" oncomplete="#{rich:component('loading')}.hide()"  requestDelay="10000" -->
			<h:outputText value=""/>
			
			</h:panelGrid>
			
		</fieldset>
		
	</ui:define>
</ui:composition>